<template>
  <div class="wrapDiv">
    <!-- 搜索框 -->
    <van-row>
      <van-col span="20">
        <van-search
          v-model="value"
          shape="round"
          background="#f00"
          placeholder="请输入搜索关键词"
        />
      </van-col>

      <!-- 发布的按钮 -->
      <van-col span="4">
        <van-button class="putBtnSty" round type="info">
          +
          <i>发布</i>
        </van-button>
      </van-col>
    </van-row>
  </div>
</template>
<script>
export default {
  name: "headerWrap",
  data() {
    return {
      value: "",
    };
  },
};
</script>
<style scoped>
.wrapDiv {
  width: 100%;
  background: #f00;
}
.putBtnSty {
  width: 0.6rem;
  height: 0.6rem;
  font-size: 0.6rem;
  background: #fff;
  color: #f00;
  border: 0;
  position: relative;
  top: -0.4rem;
  left: 0.4rem;
}
.putBtnSty i {
  position: absolute;
  left: 0.03rem;
  font-size: 0.3rem;
  color: #fff;
  display: block;
  width: 1rem;
  font-style: normal;
  text-align: left;
}
</style>